<?php 
include_once "../includes/myfunction.php";
include_once "../ini.php";

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
    <!--
    Created by Artisteer v3.0.0.35414
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <title>Artisteer </title>

    <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="../css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="../css/style.ie7.css" type="text/css" media="screen" /><![endif]-->
    <link rel="stylesheet" href="../css/mystyle.css" type="text/css" media="screen" />

    <script type="text/javascript" src="../css/jquery.js"></script>
    <script type="text/javascript" src="../css/script.js"></script>
</head>
<body>
<div id="art-page-background-glare">
        <div id="art-page-background-glare-image">
    <div id="art-main">
        <div class="art-sheet">
            <div class="art-sheet-tl"></div>
            <div class="art-sheet-tr"></div>
            <div class="art-sheet-bl"></div>
            <div class="art-sheet-br"></div>
            <div class="art-sheet-tc"></div>
            <div class="art-sheet-bc"></div>
            <div class="art-sheet-cl"></div>
            <div class="art-sheet-cr"></div>
            <div class="art-sheet-cc"></div>
            <div class="art-sheet-body">
             <!--BEGIN: HEADER-->
          <?php include "../widgets/header.php"; ?>
          <!--END: HEADER--> 
          <!--BEGIN: NAVIGATION MENU-->
          <?php include "../widgets/nav.php"; ?>
          <!--END: NAVIGATION MENU-->
               
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-sidebar1">
                          <div class="art-vmenublock">
                              <div class="art-vmenublock-tl"></div>
                              <div class="art-vmenublock-tr"></div>
                              <div class="art-vmenublock-bl"></div>
                              <div class="art-vmenublock-br"></div>
                              <div class="art-vmenublock-tc"></div>
                              <div class="art-vmenublock-bc"></div>
                              <div class="art-vmenublock-cl"></div>
                              <div class="art-vmenublock-cr"></div>
                              <div class="art-vmenublock-cc"></div>
                              <div class="art-vmenublock-body">
                                         <img src="../upload/avatar.jpg" width="170"/>
                          		<div class="cleared"></div>
                              </div>
                          </div>
              <!--BEGIN: VERTICAL MENU-->
         		 <?php
					   $pos = 'left'; 
					   sidebar($pos);
					   ?>
         	 <!--END: VERTICAL MENU-->

                          <div class="cleared"></div>
                        </div>
                        <div class="art-layout-cell art-content">
                          <div class="art-post">
                              <div class="art-post-body">
                          <div class="art-post-inner art-article">
                                          <h2 class="art-postheader"><a class="hovered" href="#">Lee Lou Basic</a></h2>
                                          <div class="art-postheadericons art-metadata-icons">
                                              <img src="../css/images/postdateicon.png" width="18" height="18" alt="" />
                                              Ngày sinh: 07/11/1990
                                               | <img src="../css/images/postauthoricon.png" width="18" height="18" alt="" />
                                              Nghề nghiệp: Sinh viên tại ĐH Khoa học tự nhiên
                                               | <img src="../css/images/postpdficon.png" width="18" height="18" alt="" />
                                              
                                               | <img src="../css/images/postprinticon.png" width="16" height="16" alt="" />
                                              
                                               | <img src="../css/images/postemailicon.png" width="20" height="13" alt="" />
                                              
                                               | <img src="../css/images/postediticon.png" width="15" height="15" alt="" />
                                          </div>
                                         
                                          <div class="art-postcontent">
                                              
                                          <table class="table_trang_thai">
                                          <tr>
                                          	<td>
                                            <textarea id="txtStatus" class="txtstatus" rel="sprofile" style="height: 30px;" name="txtStatus" autocomplete="off" onfocus="if(this.value=='Chia sẻ với bạn bè: Bạn đang làm gì?') this.value='';" onblur="if(this.value=='') this.value='Chia sẻ với bạn bè: Bạn đang làm gì?';" value="">Chia sẻ với bạn bè: Bạn đang làm gì?</textarea>
                                            </td>
                                          </tr>
                                          <tr>
                                          <td></td>
                                          <td><p>
                                              	<span class="art-button-wrapper">
                                              		<span class="art-button-l"> </span>
                                              		<span class="art-button-r"> </span>
                                              		<a class="readon art-button" href="javascript:void(0)">Chia sẻ</a>
                                              	</span>
                                                </p></td>
                                          </tr>
                                          
                                          </table>
                                                <p>
                                              	<span class="art-button-wrapper">
                                              		<span class="art-button-l"> </span>
                                              		<span class="art-button-r"> </span>
                                              		<a class="readon art-button" href="javascript:void(0)">Read&nbsp;more...</a>
                                              	</span>
                                                </p>
                                                  
                                          </div>
                                          <div class="cleared"></div>
                                          <div class="art-postfootericons art-metadata-icons">
                                              <img src="images/postcategoryicon.png" width="18" height="18" alt="" />
                                              Category: <span class="art-post-metadata-category-name"><a href="#">News</a></span>
                                          </div>
                          </div>
                          
                          
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="art-post">
                              <div class="art-post-body">
                          <div class="art-post-inner art-article">
                                          <h2 class="art-postheader">Community Portal</h2>
                                          <div class="art-postheadericons art-metadata-icons">
                                              <img src="images/postdateicon.png" width="18" height="18" alt="" />
                                              November 5th, 2008
                                               | <img src="images/postauthoricon.png" width="18" height="18" alt="" />
                                              Written by Administrator
                                               | <img src="images/postpdficon.png" width="18" height="18" alt="" />
                                              
                                               | <img src="images/postprinticon.png" width="16" height="16" alt="" />
                                              
                                               | <img src="images/postemailicon.png" width="20" height="13" alt="" />
                                              
                                               | <img src="images/postediticon.png" width="15" height="15" alt="" />
                                          </div>
                                          <div class="art-postcontent">
                                              <h1>Heading 1</h1>
                                                  <h2>Heading 2</h2>
                                                  <h3>Heading 3</h3>
                                                  <h4>Heading 4</h4>
                                                  <h5>Heading 5</h5>
                                                  <h6>Heading 6</h6>
                                                  <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing
                                                      elit, <a href="#" title="test link">test link</a>. Nullam dignissim convallis est.
                                                      Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem.
                                                      Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent
                                                      mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim
                                                      diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla
                                                      nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a
                                                      ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi
                                                      imperdiet augue quis tellus.
                                                      <abbr title="Avenue">
                                                          AVE</abbr></p>
                                                  <h3>List</h3>
                                                  <ul>
                                                      <li>List Item 1</li>
                                                      <li>List Item 2</li>
                                                      <li>List Item 3</li>
                                                  </ul>
                                                  <h3>Quote</h3>
                                                  <blockquote>
                                                      <p>
                                                          &#8220;This stylesheet is going to help so freaking much.&#8221;
                                                          <br />
                                                          -Blockquote
                                                      </p>
                                                  </blockquote>
                                                  <h3>Table</h3>
                                                  <table class="art-article" border="0" cellspacing="0" cellpadding="0">
                                                  <tbody>
                                                  <tr>
                                                  <th>Header</th>
                                                  <th>Header</th>
                                                  <th>Header</th>
                                                  </tr>
                                                  <tr>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  </tr>
                                                  <tr class="even">
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  </tr>
                                                  <tr>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  </tr>
                                                  </tbody></table>
                                                  <p>
                                              		<span class="art-button-wrapper">
                                              			<span class="art-button-l"> </span>
                                              			<span class="art-button-r"> </span>
                                              			<a class="readon art-button" href="javascript:void(0)">Read&nbsp;more...</a>
                                              		</span>
                                                  </p>
                                                  
                                          </div>
                                          <div class="cleared"></div>
                                          <div class="art-postfootericons art-metadata-icons">
                                              <img src="images/postcategoryicon.png" width="18" height="18" alt="" />
                                              Category: <span class="art-post-metadata-category-name"><a href="#">News</a></span>
                                          </div>
                          </div>
                          
                          
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="cleared"></div>
                        </div>
                        <div class="art-layout-cell art-sidebar2">
                          <?php 
						  $pos = 'right';
						  sidebar($pos);
						  ?>
                          <div class="cleared"></div>
                        </div>
                    </div>
                </div>
                <div class="cleared"></div>
                
        		<div class="cleared"></div>
            </div>
        </div>
        <div class="art-footer">
            <div class="art-footer-t"></div>
            <div class="art-footer-body">
                 <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                <div class="art-footer-text">
                    <p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p><p>Copyright © 2012. All Rights Reserved.</p>
                    <div class="cleared"></div>
                    <p class="art-page-footer"><a href="http://www.artisteer.com/?p=joomla_templates">Joomla template</a> created with Artisteer.</p>
                </div>
        		<div class="cleared"></div>
            </div>
        </div>
    </div>
        </div>
    </div>
    
</body>
</html>
